<div class="min-container" style="width:100%;margin-top: 40px;">
	<section class="zfjgxbdw shadow">
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;">
			<tr>
				<td class="td1">赛事活动</td>
			</tr>
			<tr>
				<td class="td1" style="padding-top: 13px;">Event Activities</td>
			</tr>
		</table>
	</section>
	<div class="DB_tab25" style="margin-top: 30px;height:580px;">
	        <div class="swiper-container" style="width:100%;height: 580px;">
			  <div class="swiper-wrapper">
			  	<#if matchList??>
			  	<#list matchList as ml>
			  		<a target="_blank" href="cms.action?skip&navCode=sshdXq&sshdId=${(ml.formId)!}&subNav=ssjs" class="swiper-slide" style="background:url(${(ml.smallPicPath)!}) no-repeat;"></a>
			  	</#list>
			  	</#if>
	  		  </div>
	  		   <!-- 如果需要导航按钮 -->
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>
			   <!-- Add Pagination -->
	          <div class="swiper-pagination"></div>
			</div>
	        <script type="text/javascript">
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 5000,
					height:580,
				    loop: true,
					onSlideChangeEnd: function(swiper){
// 						console.log(swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
// 						showJdContent(swiper.activeIndex);
					},
					pagination: '.swiper-pagination',
			        paginationClickable: true,
			        // 如果需要前进后退按钮
			        nextButton: '.swiper-button-next',
			        prevButton: '.swiper-button-prev',
				});
				$(".swiper-container").mouseenter(function () {//滑过悬停
				    mySwiper.stopAutoplay();//mySwiper 为上面你swiper实例化的名称
				}).mouseleave(function(){//离开开启
				    mySwiper.startAutoplay();
				});
		    </script>
	</div> 
</div>